<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>task1</title>
    <style>
        table,td{
            border:1px solid #000;
        }
    </style>
</head>
<body>
<h1>网站一级标题</h1>
<ul>
    <li><a href="#">导航链接一</a></li>
    <li><a href="#">导航链接二</a></li>
    <li><a href="#">导航链接三</a></li>
    <li><a href="#">导航链接四</a></li>
</ul>
<h1>文章一级标题</h1>
<h2>文章二级标题</h2>
<label>文章作者&nbsp;文章发表时间</label>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br/>
    换行了<br/>
    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br/>
    这是一个很长很长的段落，这是一个很长很长的段落，<a
            href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
</p>
<img src="task1-1.jpg">
<p>
    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br/>
    这是一个很长很长的段落，换行了<br/>
    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落，<a
        href="http://ife.baidu.com" target="_blank">这里有一个链接点击后打开新窗口链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
</p>
<h1>另一篇文章一级标题</h1>
<h2>文章二级标题</h2>
<label>文章作者&nbsp;文章发表时间</label>
<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br/>
    换行了<br/>
    这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br/>
    这是一个很长很长的段落，这是一个很长很长的段落，<a
            href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<strong>这里有个粗体字</strong>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。
</p>
<img src="task1-1.jpg">
<ul>
    <li>列表项目一</li>
    <li>列表项目二</li>
    <li>列表项目三</li>
</ul>
<h2>图片</h2>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<p>
    &nbsp;&nbsp;&nbsp;好看的图片<br/>
    &nbsp;&nbsp;&nbsp;<img src="task1-1.jpg">
</p>
<h1>最后一篇文章一级标题</h1>
<h2>文章二级标题</h2>
<label>文章作者&nbsp;文章发表时间</label>
<ol>
    <li>排名1</li>
    <li>排名2</li>
    <li>排名3</li>
</ol>
下面是一个表格，给表格加了一个border="1"好让你看出是一个表格
<table>
    <thead>
    <tr>
        <td>表头</td>
        <td>表头</td>
        <td>表头</td>
    </tr>
    </thead>
    <tbody>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>表内容单元格</td>
            <td>表内容单元格</td>
            <td>操作</td>
        </tr>
    <tr>
        <td>总计</td>
        <td colspan='2' >1000</td>
    </tr>
    </tbody>
</table>
    <h1>这里以后是一个侧栏，这是侧栏的标题</h1>
    <h1>侧栏注册窗口标题</h1>
    请输入邮箱地址：<input type="email" placeholder="这是一个文输入框"><br />
    邮箱地址请按要求格式输入<br />
    请输入密码：<input type="password" placeholder="这是一个文输入框">请重复输入密码：<input type="password" placeholder="这是一个文输入框"><br />
    密码请问6-16位英文数字<br />
    <br />
    性别：<input type="radio" checked="checked" name="sex">男<input type="radio" name="sex">女&nbsp;
城市：<select>
    <option>北京</option>
    <option>北京</option>
    <option>北京</option>
</select>
爱好：
<input type="checkbox">运动
<input type="checkbox">艺术
<input type="checkbox">科学
个人描述：
<textarea>这是一个多行输入框，输入您的个人描述</textarea><input type="submit" value="确认提交">
<br/>
版权所有&copy;
</body>
</html>